<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            服务大厅
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="pageRedirect('MemberPage',{backPage:'MemberPage'})">
                <ion-icon name="contact"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content>
    <!-- banner开始 -->
    <div class="ht-100 ht-overflow s-banner" *ngIf="banners && banners.length">
        <ion-slides class="banners" [autoplay]="3000" [loop]="true">
            <ion-slide *ngFor="let banner of banners" (click)="url.jumpUrl(banner.link)">
                <img [src]="util.parseImageUrl(banner.picture)" alt="">
            </ion-slide>
        </ion-slides>
    </div>
    <!-- banner结束 -->
    <!-- 标题开始 -->
    <!--<div class="ht-100 ht-background ht-line-35 ht-text-center ht-000" padding-left padding-right>-->
        <!--<ion-slides [slidesPerView]="'auto'" spaceBetween="15" *ngIf="navlists && navlists.length">-->
            <!--<ion-slide class="width-auto" *ngFor="let nav of navlists;" (click)="goPage(nav)">-->
                <!--<div class="ht-000 ht-font-14">-->
                  <!--<span class="ht-inline-block">-->
                    <!--{{nav.value}}-->
                  <!--</span>-->
                <!--</div>-->
            <!--</ion-slide>-->
        <!--</ion-slides>-->
    <!--</div>-->
    <!--<div style="clear:both"></div>-->
    <!-- 标题结束 -->
    <!-- 搜索栏开始 -->
    <!--<div class="s-search">-->
        <!--<div class="ht-100 ht-overflow ht-background ht-line-25 ht-radius-30">-->
            <!--<div class="ht-8 ht-float-left ht-height ht-overflow">-->
                <!--<div class="s-xl">-->
                    <!--<img src="assets/imgs/icon-xs.png" alt="">-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="ht-90 ht-float-left">-->
                <!--<ion-searchbar-->
                        <!--[(ngModel)]="myInput"-->
                        <!--[showCancelButton]="shouldShowCancel"-->
                        <!--(ionInput)="onInput($event)"-->
                        <!--(ionCancel)="onCancel($event)"-->
                        <!--placeholder="搜索"-->
                <!--&gt;搜索-->
                <!--</ion-searchbar>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <!-- 搜索栏结束 -->
    <!-- 公告开始 -->
    <div padding-horizontal class="marquee flex" *ngIf="notices && notices.length">
        <span class="marquee-icon">
            <ion-icon ios="ios-volume-up" md="md-volume-up"></ion-icon>
        </span>
        <ion-slides class="text-slide" [autoplay]="3000" [loop]="true" direction="vertical">
            <ion-slide *ngFor="let notice of notices" (click)="url.jumpUrl(notice.link)">
                <p text-left>{{notice.ad_name}}</p>
            </ion-slide>
        </ion-slides>
    </div>
    <!-- 公告结束 -->
    <!-- 为你推荐开始 -->
    <div class="ht-100 ht-overflow" *ngIf="commends && commends.length">
        <!-- 标题 -->
        <div class="s-tj">
            <div class="s-tj-icon"></div>
            <div class="ht-90 ht-float-left ht-padding-lr ht-font-14 ht-888">
                为你推荐
            </div>
        </div>
        <!-- 内容 -->
        <div class="s-tj-con" padding-left padding-right>
            <ion-slides class="commend-slide" spaceBetween="5" [slidesPerView]="'auto'">
                <ion-slide class="width-auto" *ngFor="let commend of commends" (click)="url.jumpUrl(commend.link)">
                    <img [src]="util.parseImageUrl(commend.picture)" alt="">
                </ion-slide>
            </ion-slides>
        </div>
        <div style="clear:both"></div>
    </div>
    <!-- 为你推荐结束 -->
    <!-- 社区开始 -->
    <div class="ht-100 ht-overflow">
        <!-- 标题 -->
        <div class="s-tj">
            <h5>
                餐饮生活
            </h5>
        </div>
        <!-- 内容 -->
        <div padding-left padding-right class="ht-100 ht-overflow flex flex-wrap">
            <div class="ht-25 ht-text-center mb-2" [navPush]="'ServiceBbsPage'">
                <div class="ht-100 ht-overflow">
                    <img src="assets/imgs/icon-service-01.png" alt="" class="s-kd-img">
                    <div class="ht-100 ht-line-20 ht-font-14 ht-text-center">
                        论坛
                    </div>
                </div>
            </div>
            <div class="ht-25 ht-text-center mb-2" [navPush]="'ServiceStoryPage'">
                <div class="ht-100 ht-overflow">
                    <img src="assets/imgs/icon-service-02.png" alt="" class="s-kd-img">
                    <div class="ht-100 ht-line-20 ht-font-14 ht-text-center">
                        餐饮故事
                    </div>
                </div>
            </div>
            <div class="ht-25 ht-text-center mb-2" [navPush]="'ServiceInformationPage'">
                <div class="ht-100 ht-overflow">
                    <img src="assets/imgs/icon-service-03.png" alt="" class="s-kd-img">
                    <div class="ht-100 ht-line-20 ht-font-14 ht-text-center">
                        前沿资讯
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 社区结束 -->
    <!-- 开店一条龙开始 -->
    <div class="ht-100 ht-overflow">
        <!-- 标题 -->
        <div class="s-tj">
            <h5>
                开店服务
            </h5>
        </div>
        <!-- 内容 -->
        <div padding-left padding-right class="ht-overflow ht-100 flex flex-wrap">
            <div class="ht-25 ht-text-center mb-2" [navPush]="'StoreGuidePage'">
                <div class="ht-100 ht-overflow ht-line-20 ht-font-14 ht-text-center">
                    <img src="assets/imgs/icon-shop-01.png" alt="" class="s-kd-img">开店指南
                </div>
            </div>
            <div class="ht-25 ht-text-center mb-2" [navPush]="'ServiceAgencyPage'">
                <div class="ht-100 ht-overflow ht-line-20 ht-font-14 ht-text-center">
                    <img src="assets/imgs/icon-shop-02.png" alt="" class="s-kd-img">代办
                </div>
            </div>
            <div class="ht-25 ht-text-center mb-2" [navPush]="'StoresPage'">
                <div class="ht-100 ht-overflow ht-line-20 ht-font-14 ht-text-center">
                    <img src="assets/imgs/icon-shop-03.png" alt="" class="s-kd-img">门店库
                </div>
            </div>
            <div class="ht-25 ht-text-center mb-2" (click)="goTalentPool()">
                <div class="ht-100 ht-overflow ht-line-20 ht-font-14 ht-text-center">
                    <img src="assets/imgs/icon-shop-04.png" alt="" class="s-kd-img">人才库
                </div>
            </div>
            <!--<div class="ht-25 ht-text-center mb-2" (click)="goPage(null)">-->
                <!--<div class="ht-100 ht-overflow ht-line-20 ht-font-14 ht-text-center">-->
                    <!--<img src="assets/imgs/icon-shop-05.png" alt="" class="s-kd-img">统采统购-->
                <!--</div>-->
            <!--</div>-->
            <!-- <div class="ht-25 ht-text-center mb-2" (click)="goPage(null)">
                <div class="ht-100 ht-overflow ht-line-20 ht-font-14 ht-text-center">
                    <img src="assets/imgs/icon-shop-06.png" alt="" class="s-kd-img">门店代理
                </div>
            </div> -->
        </div>
    </div>
    <!-- 开店一条龙结束 -->
    <!-- 操作指南开始 -->
    <div class="ht-100 ht-overflow margin-top-5">
        <!-- 标题 -->
        <div class="s-tj">
            <h5>
                操作指南
            </h5>
        </div>
        <!-- 内容 -->
        <div padding-left padding-right class="ht-overflow ht-100 flex flex-wrap">
            <div class="ht-25 ht-text-center mb-2">
                <div class="ht-100 ht-overflow ht-line-20 ht-font-14 ht-text-center">
                    <a href="tel:03516666669" style="color:#757575;"><img src="assets/imgs/icon-help-01.png" alt="" class="s-kd-img">客服</a>
                </div>
            </div>
            <div class="ht-25 ht-text-center mb-2" [navPush]="'OperationPage'" [navParams]="{nav_id:24}">
                <div class="ht-100 ht-overflow ht-line-20 ht-font-14 ht-text-center">
                    <img src="assets/imgs/icon-help-02.png" alt="" class="s-kd-img">操作指南
                </div>
            </div>
        </div>
    </div>
    <!-- 操作指南结束 -->
</ion-content>
<layer-msg #layer [msg]="msg"></layer-msg>